<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="shoesstyle.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Challenge #2</title>
  </head>
  <body>
    <article class="container">
      <h2 class="product-title">Converse Chunck Taylor All Star Low Top</h2>

      <img
        src="img/challenges.jpg"
        alt="a pair of shoes"
        width="250"
        height="250"
      />

      <p class="product-price"><strong>$65.00</strong></p>

      <p class="product-shipping">Free shipping</p>

      <p class="tag-sale">Sale</p>
      <div class="product-describe">
        <p class="p-desc">
          Ready to dress up or down,these classic canvas Chuncks are an everyday
          wardrobe staple.
        </p>
        <a class="more-info" href="#">More infomation &rarr;</a>
      </div>

      <div class="color-box">
        <div class="color"></div>
        <div class="color color-blue"></div>
        <div class="color color-red"></div>
        <div class="color color-yellow"></div>
        <div class="color color-green"></div>
        <div class="color color-brown"></div>
      </div>

      <div class="product-details">
        <h3 class="details-title">Product details</h3>
        <ul class="details-list">
          <li>Lightweight,durable canvas sneaker</li>
          <li>Lightly padded footber for added comfort</li>
          <li>Iconic Chuck Taylor ankle patch</li>
        </ul>
      </div>

      <button class="add-cart">Add to cart</button>
    </article>
  </body>
</html>
